<section id="contractConfig">
  <div class="mlr-24">
    <hl-page-header title="合同配置"></hl-page-header>
    <div class="mt-5">
      <div class="title line-height-45">租金计算</div>
      <div class="sys-merchants br-4">
        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">租金计算周期</span>
            <span class="pull-right hide-show-li cursor" @click="entryBut"><b class="icon-Nav-system mr-5"
                style="color:#5e67a5"></b></span>
          </li>
        </ul>
        <ul class="entry-container" v-if="isEntry">
          <hl-select :data="rentList" v-model="selectedData" type="primary" width="150" @on-change="getSelectItem">
          </hl-select>
          <span style="margin-left: 10px">月租金=日租金*<span v-for="item in rentList"
              v-if="selectedData.join('') == item.dictCode">{{item.dictProperty}}</span>/12（一年按实际天数<span
              v-if="selectedData.join('') == 'NM'">365或366</span><span
              v-if="selectedData.join('') != 'NM'">360</span>天计算）</span>
        </ul>
      </div>
    </div>

    <div class="mt-5">
      <div class="title line-height-45">月租金折扣</div>
      <div class="sys-merchants br-4">
        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">月租金折扣</span>
            <span class="pull-right hide-show-li cursor" @click="yzjFlag = !yzjFlag;yzjFlag?getYZJconfig():''"><b class="icon-Nav-system mr-5"
                style="color:#5e67a5"></b></span>
          </li>
        </ul>
        <ul class="entry-container" v-if="yzjFlag">
          <hl-select :data="yzjList" v-model="selectedYZJ" type="primary" width="150" @on-change="setSelectYZJ">
          </hl-select>
          <span style="margin-left: 15px;">启用后，合同付款计划将根据折扣后的月租金计算</span>
        </ul>
      </div>
    </div>

    <div class="mt-5" v-if="quanxian.indexOf('c329') > -1">
      <div class="title line-height-45">合同自定义字段</div>
      <div class="sys-merchants br-4">
        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left"> 合同自定义字段</span>
            <span class="pull-right hide-show-li cursor" @click="goToCustom"><b class="icon-Nav-system mr-5"
                style="color:#5e67a5"></b></span>
          </li>
        </ul>
      </div>
    </div>


    <div class="mt-5">
      <div class="title line-height-45">意向金抵扣</div>
      <div class="sys-merchants br-4">
        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left"> 意向金抵扣配置</span>
            <span class="pull-right">
              <hl-radio :data="options" v-model="selected" @on-click='switchTintentConfig'></hl-radio>
            </span>
          </li>
        </ul>
      </div>
    </div>

    <div class="mt-5">
      <div class="title line-height-45">破底价提醒</div>
      <div class="sys-merchants br-4">
        <ul>
          <li class="clearfix line-height-45 border-b">
            <span class="pull-left">破底价比较目标</span>
            <span class="pull-right hide-show-li cursor" @click="breakPriceFun"><b class="icon-Nav-system mr-5"
                style="color:#5e67a5"></b></span>
          </li>
        </ul>
        <ul class="entry-container" v-if="isBreakFlag">
          <hl-select :data="breakPriceList" v-model="selectBreakPrice" type="primary" width="150"
            @on-change="selectBreakPriceFun"></hl-select>
          <span style="margin-left: 10px"
            v-if="selectBreakPrice + '' == 'CONTRASTRENT'">合同签订时日平均单价，有效租金=合同租金总额/合同面积/合同天数</span>
          <span style="margin-left: 10px" v-if="selectBreakPrice + '' == 'CONTRASTPRICE'">合同签订时当前单价</span>
        </ul>
      </div>
    </div>

</section>

<style media="screen">
  .hl-radio-container .item {
    margin-right: 0;
  }

  .hl-radio-container .hl-radio-label {
    padding-left: 0;
  }

  .entry-container {
    display: flex;
    align-items: center;
    height: 45px;
    padding-left: 18px;
  }

  .entry-container:hover {
    background-color: #f7f7f7;
  }

  .sys-merchants {
    box-shadow: 0 0 8px rgba(204, 213, 221, .75);
  }

  .sys-merchants li {
    padding: 0 18px;
  }

  .sys-merchants li .hide-show-li {
    display: none;
  }

  .sys-merchants li:last-child {
    border-bottom: 0;
  }

  .sys-merchants li:hover .hide-show-li {
    display: block;
  }

  .sys-merchants li:hover {
    background-color: #f7f7f7;
  }

  .title {
    font-size: 14px;
    font-weight: 500;
    color: #929BA8;
  }
</style>

<script src="modules/system_config/scripts/contract_config.js" charset="utf-8"></script>